<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  </head>
  
  <body>
    <!-- div id="cccbox" style="display:none;" class="container3">
                    <div class="main-column-right">
                        <div id="content">
                            <div class="subnav">
                                <ul>
                                    <li class="tab first active">
                                        <a>Summary</a>
                                    </li>
                                    <li class="tab" id="timestamps_subnav_link">
                                        <a href="https://app.chrometa.com/entries?start=2011-07-01">Timestamps</a>
                                    </li>
                                </ul>
                                <a href="https://app.chrometa.com/summaries?clear_cat_filters=true&amp;start=2011-07-01" class="today-button current">Today</a>
                            </div>
                            <div class="date-header">
                                <div class="date-picker clear">
                                    <form name="selectDate">
                                        <div id="start-date">
                                            <input id="start_datepicker" title="Click to change date" size="100" name="start" value="Fri, Jul 1, 2011" onchange="formatDateSubmit()" class="hasDatepicker">
                                            <div id="prev_next_day_btns">
                                                <a href="https://app.chrometa.com/summaries?start=2011-06-30">
                                                    <div class="prev-button-container">
                                                        <span class="prev-day" title="Previous Day"></span>
                                                    </div>
                                                </a>
                                                <a href="https://app.chrometa.com/summaries?start=2011-07-02">
                                                    <div class="next-button-container">
                                                        <span class="next-day" title="Next Day"></span>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="est_billings">
                                    <span class="caption"></span>
                                    ▲ 
                                </div>
                                <div class="date-links">
                                    <a href="https://app.chrometa.com/summaries?range=day&amp;start=2011-07-01" class="checked">Day</a>
                                    <a href="https://app.chrometa.com/summaries?range=week&amp;start=2011-07-01" class="">Week</a>
                                    <a href="https://app.chrometa.com/summaries?range=month&amp;start=2011-07-01" class="">Month</a>
                                    <a href="https://app.chrometa.com/summaries?range=custom&amp;start=2011-07-01" class="">Custom Date Range</a>
                                    <span class="est_billable_hours">Billable Hours: <strong>0.0</strong></span>
                                </div>
                            </div>
                            <form action="https://app.chrometa.com/summaries/update" method="post">
                                <div style="margin:0;padding:0;display:inline">
                                    <input name="authenticity_token" type="hidden" value="kMAg0JQCLow1xM2HCFI3nuKQJ4cMSHX5U8nJqlYTitU=">
                                </div>
                                <fieldset>
                                    <input id="category_type" name="category_type" type="hidden"><input id="category_id" name="category_id" type="hidden"><input id="button_clicked" name="button_clicked" type="hidden"><input id="start" name="start" type="hidden" value="2011-07-01"><input id="end" name="end" type="hidden" value="2011-07-01"><input id="button_clicked" name="button_clicked" type="hidden"><input id="selected_summary_id" name="selected_summary_id" type="hidden"><input id="selected_entry_activity" name="selected_entry_activity" type="hidden">
                                    <div id="toolbar-placeholder">
                                        <div id="toolbar">
                                            <div class="dropdown-wrapper">
                                                <button type="button" id="move_to_project_button" class="button first">
                                                    Move to Project ▼
                                                </button>
                                                <div id="projects_dropdown" class="projects dropdown" style="visibility: hidden; ">
                                                    <div class="label">
                                                        All Projects
                                                    </div>
                                                    <div id="cptree-dropdown">
                                                        <ul id="projects-tree-summaries">
                                                            <li>
                                                                <span class="triangle closed"></span>
                                                                <a>we</a>
                                                                <ul>
                                                                    <li class="project">
                                                                        <a id="11066">rwe</a>
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="dropdown-wrapper">
                                                <button type="button" id="move_to_personal_button" class="button last">
                                                    Move to Personal ▼
                                                </button>
                                                <div id="personal_dropdown" class="personal dropdown" style="visibility: hidden; ">
                                                    <div class="label">
                                                        All Categories
                                                    </div>
                                                    <div id="pctree-dropdown">
                                                        <ul id="personal-tree-summaries">
                                                            <li>
                                                                <a id="2849">dwd</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <span class="toolbar-spacer"></span>
                                            <button type="button" id="add_entry_button" name="button_clicked" value="manual_entry" class="button first" title="Add Entry">
                                                <span class="button_icon_add_entry"></span>
                                            </button>
                                            <button type="button" id="delete_summaries_button" name="button_clicked" value="delete" class="button" title="Delete">
                                                <span class="button_icon_delete"></span>
                                            </button>
                                            <button type="button" id="expand_all_summaries_button" name="button_clicked" value="expand_all" class="button" title="Expand All">
                                                <span class="button_icon_expand"></span>
                                            </button>
                                            <button type="button" id="collapse_all_summaries_button" name="button_clicked" value="collapse_all" class="button" title="Collapse All">
                                                <span class="button_icon_collapse"></span>
                                            </button>
                                            <button type="button" id="export_summaries_to_excel_button" name="button_clicked" value="export" class="button last" title="Export to Excel">
                                                <span class="button_icon_export"></span>
                                            </button>
                                            <span class="toolbar-spacer"></span>
                                            <div class="dropdown-wrapper">
                                                <button type="button" id="more_actions_button" class="button single">
                                                    More ▼
                                                </button>
                                                <div id="more_actions_dropdown" class="more dropdown" style="visibility: hidden; ">
                                                    <div id="more_actions">
                                                        <ul id="more-actions-list">
                                                            <li>
                                                                <a id="uncategorize-summaries">Uncategorize</a>
                                                            </li>
                                                            <li>
                                                                <a id="unselectall">Unselect All</a>
                                                            </li>
                                                            <li>
                                                                <a id="createRuleFromEntry">Create Rule</a>
                                                            </li>
                                                            <li>
                                                                <a id="export_summaries_to_csv_raw">Export To CSV (Raw) </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="hide_shorter_than">
                                                Hide rows &lt;
                                                <select name="duration_filter" id="duration_filter">
                                                    <option value="1">1 second</option>
                                                    <option value="30">30 seconds</option>
                                                    <option selected="" value="60">1 minute</option>
                                                    <option value="120">2 minutes</option>
                                                    <option value="300">5 minutes</option>
                                                    <option value="600">10 minutes</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="summaries_data">
                                        <div id="uncategorized-data" style="display: none; ">
                                            <table class="reports-legend">
                                                <tbody>
                                                    <tr class="summary-card-legend">
                                                        <td class="name">
                                                            Description
                                                        </td>
                                                        <td class="duration">
                                                            Time Spent
                                                        </td>
                                                        <td class="percent-total">
                                                            % of Time
                                                        </td>
                                                        <td class="type">
                                                            Details
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <div id="active-uncat">
                                                <table class="summary-container">
                                                    <tbody>
                                                        <tr class="summary-card-title" id="uncat_active_title">
                                                            <td class="name">
                                                                Active Time - Uncategorized
                                                            </td>
                                                            <td class="duration" seconds="776">
                                                                12m 56s
                                                            </td>
                                                            <td class="percent-total">
                                                                <div class="percent-total-chart" style="width:100%;">
                                                                </div>
                                                            </td>
                                                            <td class="type">
                                                            </td>
                                                        </tr>
                                                        <tr class="summary-card parent" id="chrome_exe">
                                                            <td class="checkbox">
                                                                <input id="exe_" name="exe[]" type="checkbox" value="chrome_exe">
                                                            </td>
                                                            <td class="icon">
                                                                <img alt="Google chrome" src="args/Google Chrome.png">
                                                            </td>
                                                            <td class="name" style="cursor: pointer; ">
                                                                Google Chrome
                                                                <div class="note" style="display: none; ">
                                                                    <img src="args/asterisk.png">Click to expand/collapse
                                                                </div>
                                                            </td>
                                                            <td class="duration" seconds="538">
                                                                8m 58s
                                                            </td>
                                                            <td class="percent-total">
                                                                <div class="percent-total-chart" style="width:69.330%;">
                                                                </div>
                                                            </td>
                                                            <td class="type">
                                                            </td>
                                                        </tr>
                                                        <tr class="summary-card child chrome_exe" style="display: none; ">
                                                            <td class="checkbox">
                                                                <input id="activity_" name="activity[]" type="checkbox" value="11444485">
                                                            </td>
                                                            <td class="icon">
                                                                <img alt="Google chrome" src="args/Google Chrome.png">
                                                            </td>
                                                            <td class="name active" id="11444485">
                                                                <span>Clients &amp; Projects | Chrometa - Google Chrome</span>
                                                                <div class="active-buttons" style="display: none; ">
                                                                    <div class="inline-button show_timestamps_button">
                                                                        <a href="https://app.chrometa.com/entries?activity_id=11444485&amp;start=2011-07-01">Timestamps →</a>
                                                                    </div>
                                                                    <div class="inline-button annotate_active_button">
                                                                        Annotate
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td class="duration" seconds="305">
                                                                5m 5s
                                                            </td>
                                                            <td class="percent-total">
                                                                <div class="percent-total-chart" style="width:39.304%;">
                                                                </div>
                                                            </td>
                                                            <td class="type">
                                                                <a href="https://app.chrometa.com/clients" class="link_button" target="_blank">Link →</a>
                                                            </td>
                                                        </tr>
                                                        <tr class="summary-card child chrome_exe" style="display: none; ">
                                                            <td class="checkbox">
                                                                <input id="activity_" name="activity[]" type="checkbox" value="11444479">
                                                            </td>
                                                            <td class="icon">
                                                                <img alt="Google chrome" src="args/Google Chrome.png">
                                                            </td>
                                                            <td class="name active" id="11444479">
                                                                <span>Dashboard | Chrometa - Google Chrome</span>
                                                                <div class="active-buttons" style="display: none; ">
                                                                    <div class="inline-button show_timestamps_button">
                                                                        <a href="https://app.chrometa.com/entries?activity_id=11444479&amp;start=2011-07-01">Timestamps →</a>
                                                                    </div>
                                                                    <div class="inline-button annotate_active_button">
                                                                        Annotate
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td class="duration" seconds="155">
                                                                2m 35s
                                                            </td>
                                                            <td class="percent-total">
                                                                <div class="percent-total-chart" style="width:19.974%;">
                                                                </div>
                                                            </td>
                                                            <td class="type">
                                                                <a href="https://app.chrometa.com/dashboard" class="link_button" target="_blank">Link →</a>
                                                            </td>
                                                        </tr>
                                                        <tr class="summary-card child chrome_exe" style="display: none; ">
                                                            <td class="checkbox">
                                                                <input id="activity_" name="activity[]" type="checkbox" value="11444481">
                                                            </td>
                                                            <td class="icon">
                                                                <img alt="Google chrome" src="args/Google Chrome.png">
                                                            </td>
                                                            <td class="name active" id="11444481">
                                                                <span>Summary Report | Chrometa - Google Chrome</span>
                                                                <div class="active-buttons" style="display: none; ">
                                                                    <div class="inline-button show_timestamps_button">
                                                                        <a href="https://app.chrometa.com/entries?activity_id=11444481&amp;start=2011-07-01">Timestamps →</a>
                                                                    </div>
                                                                    <div class="inline-button annotate_active_button">
                                                                        Annotate
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td class="duration" seconds="78">
                                                                1m 18s
                                                            </td>
                                                            <td class="percent-total">
                                                                <div class="percent-total-chart" style="width:10.052%;">
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr class="summary-card parent" id="TM_exe">
                                                            <td class="checkbox">
                                                                <input id="exe_" name="exe[]" type="checkbox" value="TM_exe">
                                                            </td>
                                                            <td class="icon">
                                                                <img alt="Generic window" src="args/Generic Window.png">
                                                            </td>
                                                            <td class="name" style="cursor: pointer; ">
                                                                TM.exe
                                                                <div class="note" style="display: none; ">
                                                                    <img src="args/asterisk.png">Click to expand/collapse
                                                                </div>
                                                            </td>
                                                            <td class="duration" seconds="238">
                                                                3m 58s
                                                            </td>
                                                            <td class="percent-total">
                                                                <div class="percent-total-chart" style="width:30.670%;">
                                                                </div>
                                                            </td>
                                                            <td class="type">
                                                            </td>
                                                        </tr>
                                                        <tr class="summary-card child TM_exe" style="display: none; ">
                                                            <td class="checkbox">
                                                                <input id="activity_" name="activity[]" type="checkbox" value="11444474">
                                                            </td>
                                                            <td class="icon">
                                                                <img alt="Generic window" src="args/Generic Window.png">
                                                            </td>
                                                            <td class="name active" id="11444474">
                                                                <span>×ó×ó¡£</span>
                                                                <div class="active-buttons" style="display: none; ">
                                                                    <div class="inline-button show_timestamps_button">
                                                                        <a href="https://app.chrometa.com/entries?activity_id=11444474&amp;start=2011-07-01">Timestamps →</a>
                                                                    </div>
                                                                    <div class="inline-button annotate_active_button">
                                                                        Annotate
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td class="duration" seconds="238">
                                                                3m 58s
                                                            </td>
                                                            <td class="percent-total">
                                                                <div class="percent-total-chart" style="width:30.670%;">
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div id="away-uncat">
                                            </div>
                                        </div>
                                        <div id="client-summaries">
                                        </div>
                                        <div id="personal-summaries" style="display: none; ">
                                        </div>
                                    </div>
                                </fieldset>
                            </form>
                            <div>
                                <div class="modal_container jqmID1" id="add_entry_modal" style="z-index: 3000; display: none; ">
                                    <div class="modal-header">
                                        <h1>Create Time Entry</h1>
                                    </div>
                                    <div class="error" style="display: none; ">
                                        Oops! You need to enter a text description and a valid numerical duration. Please try again.
                                    </div>
                                    <form id="add_entry_form">
                                        <input id="start" name="start" type="hidden" value="2011-07-01"><input id="end" name="end" type="hidden" value="2011-07-01"><input id="url_from" name="url_from" type="hidden" value="summaries">
                                        <label>
                                            Task Title
                                        </label>
                                        <input type="text" name="title" class="task-title">
                                        <br>
                                        <label>
                                            Hours : Minutes
                                        </label>
                                        <input type="text" name="hours" class="hours"><strong>:</strong>
                                        <input type="text" name="mins" class="minutes">
                                        <br>
                                        <label>
                                            Date
                                        </label>
                                        <input id="add_entry_datepicker" type="text" name="date" class="task-date hasDatepicker" value="Fri, Jul 1, 2011">
                                        <br>
                                        <label>
                                            Device
                                        </label>
                                        <select name="manual_entry_device">
                                            <option selected="" value="6880">CH~</option>
                                        </select>
                                        <div class="modal-footer">
                                            <div class="buttons">
                                                <button class="positive" id="add_manual" name="button_clicked" type="submit" value="add_entry">
                                                    <img alt="Tick" src="args/tick.png">Save
                                                </button>
                                                <button type="reset" class="negative" id="cancel_add_entry_button">
                                                    <img src="args/cross.png" alt="">Cancel
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div>
                                <div class="modal_container jqmID6" id="edit_entry_modal">
                                    <div class="modal-header">
                                        <h1>Edit Time Entry</h1>
                                    </div>
                                    <div class="error">
                                        Oops! You need to enter a text description and a valid numerical duration. Please try again.
                                    </div>
                                    <form id="edit_entry_form">
                                        <input id="selected_manual_entry_id" name="selected_manual_entry_id" type="hidden"><input id="start" name="start" type="hidden" value="2011-07-01"><input id="end" name="end" type="hidden" value="2011-07-01">
                                        <label>
                                            Task Title
                                        </label>
                                        <input type="text" name="title" class="task-title" id="manual_entry_title">
                                        <br>
                                        <label>
                                            Hours : Minutes
                                        </label>
                                        <input type="text" name="hours" id="manual_entry_hours" class="hours"><strong>:</strong>
                                        <input type="text" name="mins" class="minutes" id="manual_entry_mins">
                                        <br>
                                        <label>
                                            Date
                                        </label>
                                        <input id="edit_entry_datepicker" type="text" name="date" class="task-date hasDatepicker" value="Fri, Jul 1, 2011">
                                        <br>
                                        <div class="modal-footer">
                                            <div class="buttons">
                                                <button type="" class="positive" id="edit_manual">
                                                    <img src="args/tick(1).png" alt="">Save
                                                </button>
                                                <button type="reset" class="negative" id="cancel_edit_entry_button">
                                                    <img src="args/cross.png" alt="">Cancel
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div>
                                <div class="modal_container jqmID3" id="annotate_away_modal">
                                    <div class="modal-header">
                                        <h1>Add/Edit Description</h1>
                                    </div>
                                    <div class="away_info_container">
                                        <div class="time-info">
                                            <span class="away_time" id="away_entry_total">Loading...</span>
                                            <span class="away_duration"></span>
                                        </div>
                                    </div>
                                    <form id="annotate_away_form">
                                        <label>
                                            Description
                                        </label>
                                        <input type="text" name="description" class="away-description" id="away_description">
                                        <br>
                                        <div class="modal-footer">
                                            <div class="buttons">
                                                <button type="" class="positive" id="annotate_away">
                                                    <img src="args/tick(1).png" alt="">Save
                                                </button>
                                                <button type="reset" class="negative" id="cancel_annotate_away_button">
                                                    <img src="args/cross.png" alt="">Cancel
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div>
                                <div class="modal_container jqmID4" id="annotate_active_modal">
                                    <div class="modal-header">
                                        <h1>Add/Edit Description</h1>
                                    </div>
                                    <form id="annotate_active_form">
                                        <label>
                                            Description
                                        </label>
                                        <input type="text" name="description" class="away-description" id="active_description">
                                        <br>
                                        <div class="modal-footer">
                                            <div class="buttons">
                                                <button type="" class="positive" id="annotate_active">
                                                    <img src="args/tick(1).png" alt="">Save
                                                </button>
                                                <button type="reset" class="negative" id="cancel_annotate_active_button">
                                                    <img src="args/cross.png" alt="">Cancel
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div>
                                <div class="modal_container jqmID5" id="split_away_modal">
                                    <div class="modal-header">
                                        <h1>Split Away Time</h1>
                                    </div>
                                    <div class="away_info_container">
                                        <div class="time-info">
                                            <span class="total_time" id="away_entry_total_2">Loading...</span>
                                        </div>
                                        <div id="split_away_slider" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
                                            <a href="https://app.chrometa.com/summaries?cat_filter=false&amp;start=2011-07-01#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 50%; "></a>
                                        </div>
                                        <div class="seg_1 left">
                                            <label>
                                                Block 1
                                            </label>
                                            <span class="duration" id="seg_1_duration"></span>
                                        </div>
                                        <div class="seg_2 right">
                                            <label>
                                                Block 2
                                            </label>
                                            <span class="duration" id="seg_2_duration"></span>
                                        </div>
                                    </div>
                                    <form id="split_away_form">
                                        <input id="away_entry_total_rails" name="away_entry_total_rails" type="hidden"><input id="split_away_slider_val" name="split_away_slider_val" type="hidden"><input id="start" name="start" type="hidden" value="2011-07-01">
                                        <div class="modal-footer">
                                            <div class="buttons">
                                                <button type="" class="positive" id="split_away">
                                                    <img src="args/tick(1).png" alt="">Save
                                                </button>
                                                <button type="reset" class="negative" id="cancel_split_away_button">
                                                    <img src="args/cross.png" alt="">Cancel
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div id="tooltip" style="display: none; left: 100px; right: auto; top: 141px;" class="">
                                <h3>Note that the tooltip disappears when clicking the input element</h3>
                                <div class="body" style="display: none;">
                                </div>
                                <div class="url" style="display: none;">
                                </div>
                            </div>
                            <div>
                                <div class="modal_container jqmID2" id="add_rule_modal">
                                    <div class="modal-header">
                                        <h1 id="rule_title">Create a New Rule</h1>
                                    </div>
                                    <form id="add_rule_form" class="ui-formwizard">
                                        <span class="step ui-formwizard-content" id="first" style="display: block; "><h3 class="wizard-header">Specify Your Search Criteria <span class="wizard-progress">Step 1 of 3</span></h3>
                                            <div class="search_criteria_container">
                                                <span class="option first">
                                                    <label for="application">
                                                        Application Name
                                                    </label>
                                                    <input type="text" id="entry_exe" name="application" original-title="Enter forename" class="rule-text ui-wizard-content ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
                                                    <br>
                                                </span>
                                                <span class="option">
                                                    <label for="window_title">
                                                        Window Title
                                                    </label>
                                                    <input type="text" id="entry_title" name="window_title" class="rule-text ui-wizard-content">
                                                    <br>
                                                </span>
                                                <span class="option last">
                                                    <label for="url" title="Applies only to files on your hard drive, and only PDF, DOC, XLS, PPT too ">
                                                        URL/File Path
                                                    </label>
                                                    <input type="text" id="entry_url" name="url" title="Applies only to files on your hard drive, and only PDF, DOC, XLS, PPT too " class="rule-text ui-wizard-content">
                                                    <br>
                                                </span>
                                            </div>
                                        </span>
                                        <span id="choose_action" class="step ui-formwizard-content" style="display: none; "><h3 class="wizard-header">Choose an Action to Perform<span class="wizard-progress">Step 2 of 3</span></h3>
                                            <div class="action_type_container">
                                                <span class="option first"><input checked="checked" type="radio" name="action_type" value="move_to_project" disabled="" class="ui-wizard-content">
                                                    <label class="radio-label" for="project">
                                                        Move to Project
                                                    </label>
                                                    <select name="project" class="rule-select-radio ui-wizard-content" disabled="">
                                                        <option selected="" value="">--- Select one ---</option>
                                                        <optgroup label="we">
                                                            <option value="11066">rwe</option>
                                                        </optgroup>
                                                    </select>
                                                </span>
                                                <span class="option"><input type="radio" name="action_type" value="move_to_personal" disabled="" class="ui-wizard-content">
                                                    <label class="radio-label" for="personal">
                                                        Move to Personal
                                                    </label>
                                                    <select name="personal" class="rule-select-radio ui-wizard-content" disabled="">
                                                        <option selected="" value="">--- Select one ---</option>
                                                        <optgroup label="Personal Categories">
                                                            <option value="2849">dwd</option>
                                                        </optgroup>
                                                    </select>
                                                    <br>
                                                </span>
                                                <span class="option last"><input type="radio" name="action_type" value="delete" disabled="" class="ui-wizard-content">
                                                    <label class="radio-label" for="delete">
                                                        Delete
                                                    </label>
                                                </span>
                                            </div>
                                        </span>
                                        <span id="last" class="step ui-formwizard-content" style="display: none; "><h3 class="wizard-header">Specify a Timeframe<span class="wizard-progress">Step 3 of 3</span></h3>
                                            <div class="time_frame_container">
                                                <span class="option first"><input checked="checked" type="radio" name="time_frame" value="all_the_time" disabled="" class="ui-wizard-content">
                                                    <label class="radio-label" for="all_the_time">
                                                        All the time
                                                    </label>
                                                    <br>
                                                </span>
                                                <span class="option datepicker"><input type="radio" name="time_frame" value="before_date" disabled="" class="ui-wizard-content">
                                                    <label class="radio-label long" for="before_date">
                                                        On and before this date:
                                                    </label>
                                                    <input id="rule_before_datepicker" type="text" name="before_date_field" class="rule-date ui-wizard-content" value="" disabled="">
                                                    <br>
                                                </span>
                                                <span class="option datepicker"><input type="radio" name="time_frame" value="after_date" disabled="" class="ui-wizard-content">
                                                    <label class="radio-label long" for="after_date">
                                                        On and after this date:
                                                    </label>
                                                    <input id="rule_after_datepicker" type="text" name="after_date_field" class="rule-date ui-wizard-content" value="" disabled="">
                                                    <br>
                                                </span>
                                                <span class="option last"><input type="radio" name="time_frame" value="date_range" disabled="" class="ui-wizard-content">
                                                    <label class="radio-label" for="date_range">
                                                        Date range
                                                    </label>
                                                    <br>
                                                    <span class="rule-from-to-form"><input id="rule_start_datepicker" type="text" name="daterange_start_date" class="rule-date ui-wizard-content" value="" disabled="">
                                                        <label class="to">
                                                            to
                                                        </label>
                                                        <input id="rule_end_datepicker" type="text" name="daterange_end_date" class="rule-date ui-wizard-content" value="" disabled="">
                                                        <br>
                                                    </span>
                                                </span>
                                            </div>
                                        </span>
                                        <div class="modal-footer">
                                            <div class="buttons">
                                                <button type="reset" id="back" value="Back" class="ui-wizard-content ui-formwizard-button" disabled="">
                                                    « Prev Step
                                                </button>
                                                <button type="submit" id="next" class="positive ui-wizard-content ui-formwizard-button" value="Next">
                                                    Next Step »
                                                </button>
                                                <button type="button" class="negative ui-wizard-content" id="cancel_add_rule_button">
                                                    <img src="args/cross.png" alt="">Cancel
                                                </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="left-bar">
                        <div class="panel">
                            <div class="panel-header">
                                Search
                                <div class="panel-header-button last">
                                    <span class="expand-collapse" id="toggle_search"></span>
                                </div>
                            </div>
                            <div class="right-bar-button">
                                <form class="search" id="search">
                                    <input id="search_box" type="search" onkeypress="return disableEnterKey(event)" value="">
                                </form>
                            </div>
                        </div>
                        <div class="panel">
                            <div class="panel-header">
                                All Activities
                            </div>
                            <form action="https://app.chrometa.com/summaries" method="post">
                                <div style="margin:0;padding:0;display:inline">
                                    <input name="authenticity_token" type="hidden" value="kMAg0JQCLow1xM2HCFI3nuKQJ4cMSHX5U8nJqlYTitU=">
                                </div>
                                <fieldset>
                                    <input id="start" name="start" type="hidden" value="2011-07-01"><input id="end" name="end" type="hidden" value="2011-07-01"><input id="cat_filter" name="cat_filter" type="hidden">
                                    <div class="right-bar-button" id="show_all_summaries_button">
                                        <a><img src="args/magnifier.png">Show All Activities</a>
                                    </div>
                                </fieldset>
                            </form>
                        </div>
                        <div class="panel">
                            <div class="panel-header">
                                Uncategorized
                                <div class="panel-header-button last" id="toggle_uncategorized">
                                    <span class="expand-collapse"></span>
                                </div>
                            </div>
                            <form action="https://app.chrometa.com/summaries" method="post">
                                <div style="margin:0;padding:0;display:inline">
                                    <input name="authenticity_token" type="hidden" value="kMAg0JQCLow1xM2HCFI3nuKQJ4cMSHX5U8nJqlYTitU=">
                                </div>
                                <fieldset>
                                    <input id="start" name="start" type="hidden" value="2011-07-01"><input id="end" name="end" type="hidden" value="2011-07-01"><input id="uncategorized_filter" name="uncategorized_filter" type="hidden">
                                    <ul id="uncategorized-tree">
                                        <li>
                                            <a id="uncat_all_node_summaries" class="" style="cursor: pointer; "><strong>Show All Uncategorized</strong></a>
                                        </li>
                                        <li>
                                            <a id="uncat_active_node_summaries" class="" style="cursor: pointer; ">Active Time</a>
                                        </li>
                                        <li>
                                            <a id="uncat_away_node_summaries" class="" style="cursor: pointer; ">Away Time</a>
                                        </li>
                                    </ul>
                                </fieldset>
                            </form>
                        </div>
                        <div class="panel">
                            <div class="panel-header">
                                Clients &amp; Projects
                                <div class="panel-header-button last" id="toggle_clients">
                                    <span class="expand-collapse"></span>
                                </div>
                                <div class="panel-header-button" id="toggle_add_clients_projects">
                                    <span class="plus" title="Add New"></span>
                                </div>
                            </div>
                            <div class="add-category-wrapper" id="add-clients-projects">
                                <span class="button add-client" id="add_client_right_bar"><img src="args/add.png">Client</span><span class="button add-project" id="add_project_right_bar"><img src="args/add.png">Project</span>
                                <div class="add-client-form" id="add-client-form">
                                    Add a new client
                                    <form action="https://app.chrometa.com/summaries/add_client" id="add_client" method="post">
                                        <div style="margin:0;padding:0;display:inline">
                                            <input name="authenticity_token" type="hidden" value="kMAg0JQCLow1xM2HCFI3nuKQJ4cMSHX5U8nJqlYTitU=">
                                        </div>
                                        <fieldset>
                                            <input id="report_type" name="report_type" type="hidden" value="summaries">
                                            <p>
                                                Client name
                                            </p>
                                            <input class="text" id="client_name" name="client[name]" size="30" type="text">
                                            <div class="buttons">
                                                <button class="positive" name="button_clicked" type="submit" value="add_client">
                                                    <img alt="Tick" src="args/tick.png">Save
                                                </button>
                                                <button type="reset" class="negative cancel_add_client_project">
                                                    <img src="args/cross.png" alt="">Cancel
                                                </button>
                                            </div>
                                        </fieldset>
                                    </form>
                                </div>
                                <div class="add-project-form" id="add-project-form">
                                    Add a new project 
                                    <form action="https://app.chrometa.com/summaries/add_project" id="add_project" method="post">
                                        <div style="margin:0;padding:0;display:inline">
                                            <input name="authenticity_token" type="hidden" value="kMAg0JQCLow1xM2HCFI3nuKQJ4cMSHX5U8nJqlYTitU=">
                                        </div>
                                        <fieldset>
                                            <input id="report_type" name="report_type" type="hidden" value="summaries">
                                            <p>
                                                Select a client
                                            </p>
                                            <div id="select_client_id">
                                                <select id="project_client_id" name="project[client_id]">
                                                    <option value="8034">we</option>
                                                </select>
                                            </div>
                                            <p>
                                                Project name
                                            </p>
                                            <input class="text" id="project_name" name="project[name]" size="30" type="text">
                                            <p>
                                                Hourly billing rate (i.e. 100.00)
                                            </p>
                                            <input class="text" id="project_rate" name="project[rate]" size="30" type="text">
                                            <div class="buttons">
                                                <button class="positive" name="button_clicked" type="submit" value="add_project">
                                                    <img alt="Tick" src="args/tick.png">Save
                                                </button>
                                                <button type="reset" class="negative cancel_add_client_project">
                                                    <img src="args/cross.png" alt="">Cancel
                                                </button>
                                            </div>
                                        </fieldset>
                                    </form>
                                </div>
                            </div>
                            <form action="https://app.chrometa.com/summaries" method="post">
                                <div style="margin:0;padding:0;display:inline">
                                    <input name="authenticity_token" type="hidden" value="kMAg0JQCLow1xM2HCFI3nuKQJ4cMSHX5U8nJqlYTitU=">
                                </div>
                                <fieldset>
                                    <input id="start" name="start" type="hidden" value="2011-07-01"><input id="end" name="end" type="hidden" value="2011-07-01"><input id="client_filter" name="client_filter" type="hidden" value="all"><input id="project_filter" name="project_filter" type="hidden">
                                    <div id="cptree">
                                        <ul id="clients-projects-tree">
                                            <li>
                                                <a class="client_node_summaries  clicked" id="all" style="cursor: pointer; "><strong>Show All Clients</strong></a>
                                            </li>
                                            <li>
                                                <span class="triangle closed" style="cursor: pointer; "></span>
                                                <a class="client_node_summaries" id="8034" style="cursor: pointer; ">we</a>
                                                <ul style="display: none; ">
                                                    <li class="project">
                                                        <a class="project_node_summaries " id="11066" style="cursor: pointer; ">rwe</a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </div>
                                </fieldset>
                            </form>
                        </div>
                        <div class="panel">
                            <div class="panel-header">
                                Personal
                                <div class="panel-header-button last" id="toggle_personal">
                                    <span class="expand-collapse"></span>
                                </div>
                                <div class="panel-header-button" id="toggle_add_personal_categories">
                                    <span class="plus" title="Add New"></span>
                                </div>
                            </div>
                            <div class="add-category-wrapper" id="add-personal-categories">
                                <div class="add-personal-category-form" id="add-personal-category-form">
                                    Add a new personal category
                                    <form action="https://app.chrometa.com/summaries/add_personal_category" id="add_personal_category" method="post">
                                        <div style="margin:0;padding:0;display:inline">
                                            <input name="authenticity_token" type="hidden" value="kMAg0JQCLow1xM2HCFI3nuKQJ4cMSHX5U8nJqlYTitU=">
                                        </div>
                                        <fieldset>
                                            <input id="report_type" name="report_type" type="hidden" value="summaries">
                                            <p>
                                                Category name
                                            </p>
                                            <input class="text" id="personalcategory_name" name="personalcategory[name]" size="30" type="text">
                                            <div class="buttons">
                                                <button class="positive" name="button_clicked" type="submit" value="add_personal_category">
                                                    <img alt="Tick" src="args/tick.png">Save
                                                </button>
                                                <button type="reset" class="negative cancel_add_personal_category">
                                                    <img src="args/cross.png" alt="">Cancel
                                                </button>
                                            </div>
                                        </fieldset>
                                    </form>
                                </div>
                            </div>
                            <form action="https://app.chrometa.com/summaries" method="post">
                                <div style="margin:0;padding:0;display:inline">
                                    <input name="authenticity_token" type="hidden" value="kMAg0JQCLow1xM2HCFI3nuKQJ4cMSHX5U8nJqlYTitU=">
                                </div>
                                <fieldset>
                                    <input id="start" name="start" type="hidden" value="2011-07-01"><input id="end" name="end" type="hidden" value="2011-07-01"><input id="personal_filter" name="personal_filter" type="hidden">
                                    <div id="pctree">
                                        <ul id="personal-categories-tree">
                                            <li>
                                                <a class="personal_node_summaries " id="all" style="cursor: pointer; "><strong>Show All Personal </strong></a>
                                            </li>
                                            <li>
                                                <a class="personal_node_summaries " id="2849" style="cursor: pointer; ">dwd</a>
                                            </li>
                                        </ul>
                                    </div>
                                </fieldset>
                            </form>
                        </div>
                    </div>
                </div -->
  </body>
</html>
